page {
		background-color: #f5f5f5;
		width: 100%;
		padding-bottom: 48rpx;
	}

	.wrap-container {
		width: 100%;
		background-color: #fff;
		border-radius: 20rpx;
		padding: 24rpx;
		margin-bottom: 24rpx;
	}

	.warp-input {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 24rpx 0;

		.warp-text {
			padding-right: 24rpx;
		}
	}


	.detils-realValue {
		background-color: #fff;
		border-radius: 20rpx;
		padding: 0 24rpx;
		padding-top: 4rpx;
		 padding-bottom: 24rpx; 

		.real-container {
			display: flex;
			flex-wrap: wrap;

			.warp-input2 {
				flex: 1 0 33%;
				box-sizing: border-box;
				display: flex;
				padding: 20rpx;
				flex-direction: row;
				align-items: center;
			}

			.warp-text {
				padding-right: 24rpx;

				span {
					font-size: 20rpx;
					color: grey;
					opacity: 0.8;
					margin-left: 18rpx;
					display: inline-block;
					position: relative;
					top: -8rpx;
				}
			}
		}

	}

	.details-button {
		margin-top: 24rpx;
		text-align: right;
	}

	.status-badge {
		position: absolute;
		right: 0;
		background: rgb(248, 173, 64);
		color: #fff;
		padding: 0 36rpx;
		font-size: 24rpx;
		border-radius: 80rpx 0 0 70rpx;
		height: 44rpx;
		line-height: 44rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.status-1 {
		background-color: rgb(247, 173, 64);
	}

	.status-2 {
		background-color: #32cd32;
	}

	.status-3 {
		background-color: #ff4500;
	}

	.status-4 {
		background-color: #00bfff;
	}